/**
 * 路由传参
 *
 *    search 传参
 *
 *      传：
 *        <Link to="/home?a=1&b=2" />
 *        <Link to={{
 *           pathname: '/home',
 *           search: 'a=1&b=2'
 *        }}/>
 *      取：
 *        location.search
 *
 *    params 传参
 *
 *      前提：
 *        Route 的 path 必须有动态路由参数的占位
 *          <Route path="/contact/:id/:name" />
 *
 *      传：
 *        <Link to="/contact/100/张三" />
 *        <Link to={{
 *           pathname: '/contact/100/张三',
 *        }}/>
 *
 *      取：
 *        match.params
 *
 *    state 传参
 *      传：
 *         <Link to={{
 *           pathname: '/about',
 *           state: {
 *             id: 100,
 *             name: '张三'
 *           }
 *        }}/>
 *
 *      取：
 *        location.state
 *
 *
 * PS:
 *    1. state 传参，由于没有在url地址上有所表现，当刷新页面时会丢失数据
 *
 */

import ReactDOM from "react-dom/client";

import { HashRouter as Router } from "react-router-dom";
import App from "./App.tsx";
import "./index.css";

ReactDOM.createRoot(document.getElementById("root")!).render(
  // <React.StrictMode>
  <Router>
    <App />
  </Router>
  // </React.StrictMode>
);
